<template>
  <div class="hot-search__item">
      <div :class="seqClass">{{seq}}</div>
      <div class="keyword">{{item.gjc}}</div>
      <div class="count">{{item.sl}}</div>
  </div>
</template>
<script>
export default {
    props: {
      item: {
        type: Object
      },
      seq: {
        type: Number
      }
    },
    computed: {
      seqClass() {
        if(this.seq <= 3) {
           return 'seq seq' + this.seq;
        } else {
           return 'seq';
        }
      }
    },
    data () {
      return {
      }
    }
  }
</script>